<!DOCTYPE html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript " th:src="@{js/jquery-1.11.1-min.js}"></script>
    <script type="text/javascript" th:src="@{bootstrap/js/bootstrap.min.js}"></script>
    <link th:href="@{bootstrap/css/bootstrap.min.css}" type="text/css" rel="stylesheet"/>
    <link href="/css/css-1.css" type="text/css" rel="stylesheet"/>
</head>

<body style="background-color: #F7F8FA;">
<nav class="navbar navbar-default color " role="navigation">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand">BBS</a>
        </div>

        <div class="col-lg-6">
            <ul class="nav navbar-nav">
                <li><a href="user/main">首页</a></li>
                <li><a href="question.html">问答</a></li>
                <li><a href="help.html">帮助中心</a></li>
                <li class="active"><a href="mine.html">我的</a></li>
                <li>
                    <form class="form-inline" style="margin-top:8px ">
                        <input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="Search">
                        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
                    </form>
                </li>
            </ul>

        </div>

        <div class="col-lg-2 col-lg-offset-2" style="width: 20%;overflow: hidden">
            <ul class="nav navbar-nav">
                <li th:if="*{session.user.name != null}"><a th:text="'欢迎你,'+ *{session.user.name}"
                                                    style="color: red"></a></li>
                <li><a href="" class="logoutBtn">注销</a></li>
            </ul>
        </div>
    </div>

</nav>
<div class="container content color" style="background-color: #ffffff">
    <div class="row">
        <div clas s="col-md-4">
            <div class="col-lg-2">
                <img alt="Bootstrap Image Preview" style="width:120px;" class="img-circle"
                     th:src="*{session.user.profilePhoto}"/>
            </div>
            <div class="col-lg-2" style="margin-top: 20px;width: 20% ">
                <span style="font-size: 20px" th:text="'昵称：'+ *{session.user.name}"></span><br><br>
                <span th:text="'邮箱：'+ *{session.user.email}"></span>
            </div>

        </div>
        <div class="col-md-7">
            <blockquote class="blockquote col-lg-offset-4">
                <p class="mb-0">
                    我相信在这个世界上，没有人是一座孤岛。
                </p>
                <footer class="blockquote-footer">
                    约翰·多恩 <cite>《丧钟为谁而鸣》</cite>
                </footer>
            </blockquote>
        </div>
    </div>
    <div class="row" style="margin-top:20px;">
        <div class="col-md-4">
            <h2>
                我发的帖子
            </h2>
            <p style="height: 100px;">
                生活了这么些年，对世界多少有点见解，你的帖子会被更多人看到，会有更多人愿意对你有所了解，你不是孤军奋战……
            </p>
            <p>
                <a class="btn" th:href="@{'/user/myPushTopic?userId='+*{session.user.id}}">点击查看 »</a>
            </p>
            <img th:src="@{image/OIP-C.jpg}" style="width:350px;">
        </div>
        <div class="col-md-4">
            <h2>
                我点赞的帖子
            </h2>
            <p style="height: 100px;">
                人人爱我，我爱人人。一定有你所爱的内容让你留恋，一份小心的点赞，却寄托着心灵的小小依靠……
            </p>
            <p>
                <a class="btn" href="user/myThumbTopic">点击查看 »</a>
            </p>

            <img src="image/OIP-C%20(2).jpg" style="width:350px;">
        </div>
        <div class="col-md-4">
            <h2>
                我收藏的帖子
            </h2>
            <p style="height: 100px;">
                被你收藏的帖子，一定是有特别的地方吧。或者它们之间也有共同点，你有没有曾经为了一个人，将所有消息推送都刷成“悲伤文学”，最终也没能成为她/他的例外和唯一……
            </p>
            <p>
                <a class="btn" href="user/myCollectionTopic">点击查看 »</a>
            </p>
            <img src="image/OIP-C%20(1).jpg" style="width:375px;">
        </div>
    </div>
    <div class="row" style="margin-top: 20px;">
        <div class="col-md-12">
            <div class="page-header">
                <h1 align="center">
                    加油! <small>世界因你而改变</small>
                </h1>
            </div>
        </div>
    </div>
</div>

<div class="modal-footer" style="margin-top: 10px">
    <div align="center"><a>Powered by 斌斌家豪涛顺 &nbsp;&nbsp;联系我们</a></div>
</div>
</body>


<script type="text/javascript" th:inline="javascript">
    $(function () {

        $(".logoutBtn").click(function () {
            $.ajax({
                url: "user/logout",
                type: "get",
                dataType: "json",
                success: function (data) {
                    if (data.success) {
                        window.location.href = "login.html"
                    } else {
                        $.alert("注销失败")
                    }
                }
            })
        })
    })

</script>
</html>